<!DOCTYPE html>
<%include("inc/html.html"){};%>
    <title>${config.webname!'WE823 CMS'} - 产品展示</title>
    <%include("inc/css.html"){};%>
	<link rel="stylesheet" href="${ctx}/static/assets/lightbox/css/lightbox.css">
	</head>
    <body>
    <div class="container-fluid">
    	<header>
    		<%layout("inc/header.html",{isFirstPage:false}){};%>
    	</header>
    	<div class="container-fluid">
    		<div class="container">
    			<div class="col-md-3">
					<dl class="left-content" id="product_categories">
						<dt>${category.name!'未知'}</dt>
						<%for(otherProduct in otherProducts){%>
						<%if(product.id==otherProduct.id){%>
						<dd data-index="${otherProduct.id!0}" class="active">
						<%}else{%>
						<dd data-index="${otherProduct.id!0}">
						<%}%>    
							<a href="product_${otherProduct.id!0}.jspx" title="${otherProduct.name!''}">${otherProduct.name!'未知'}(${otherProduct.model!''})</a>
						</dd>
						<%}%>
					</dl>
    			</div>
    			<div class="col-md-9">
	    			<section class="right-section" >
	    				<%if(product!=null){%>	
	    				<div class="section-title"><a href="products.jspx">产品目录</a> >> <a href="products.jspx?id=${category.id!0}">${category.name!''}</a> >> ${product.name!''}</div>
						<div class="section-detail">
							<div>
							<%if(product.brand!=null){%>
							    <b>产品品牌：</b>${product.brand.name!''}<br>
							<%}%>
							<%if(product.model!=null){%>
							    <b>产品型号：</b>${product.model!''}<br>
							<%}%>
							${product.description!''}
							</div>
							<ul class="photo-container">
							<%for(photo in product.photos){%>
							<li><a href="${photo.url!'nopic.gif'}" title="${product.name!''} ${product.model!}" data-lightbox="product-photo">
								<img src="${photo.url!'nopic.gif'}" alt="${product.name!''} ${product.model!}">
							</a></li>
							<%}%>
							</ul>
                       </div>
                       <%}%>
	    			</section>
				</div>
    		</div>
    	</div>
    	<footer>
    		<%include("inc/footer.html"){};%>
    	</footer>
    </div>
	<%include("inc/js.html"){};%>
	<script src="${ctx}/static/assets/lightbox/js/lightbox-2.6.min.js"></script>
	<script src="${ctx}/static/assets/jquery/template.js"></script>
	<script src="${ctx}/static/skins/${theme}/js/main.js"></script>
	<script>
		$(document).ready(function(){
			
			$(".left-content").pin({
				containerSelector:'.container',
				minWidth:940
			});
		});
	</script>
    </body>
 </html>  